import React from 'react';
import "../styles/Statement.scss"
interface Props {
    title: string
    data: object
}
function Statement(props: Props) {
    var { title } = props
    return (
        <div className='statement'>
            <h3>{title}</h3>

            <div className='box'>
                <div className='box1'>
                    <div className='top'>
                        {/* <span>{props.data.personNum1 }</span> */}
                        <span style={{ fontSize: "20px", color: "blue" }}>0</span>
                    </div>
                    <div className='buttom'>
                        <span>123</span>
                    </div>
                </div>
                <div className='box1'>
                    <div className='top'>
                        <span>1</span>
                        <span style={{ fontSize: "20px", color: "blue" }}>0</span>
                    </div>
                    <div className='buttom'>
                        <span>123</span>
                    </div>
                </div>
                <div className='box1'>
                    <div className='top'>
                        <span>1</span>
                        <span style={{ fontSize: "20px", color: "blue" }}>0</span>
                    </div>
                    <div className='buttom'>
                        <span>123</span>
                    </div>
                </div>
                <div className='box1'>
                    <div className='top'>
                        <span >1</span>
                        <span style={{ fontSize: "20px", color: "blue" }}>0</span>
                    </div>
                    <div className='buttom'>
                        <span>123</span>
                    </div>
                </div>
                <div className='box1'>
                    <div className='top'>
                        <span>1</span>
                        <span style={{ fontSize: "20px", color: "blue" }}>0</span>
                    </div>
                    <div className='buttom'>
                        <span>123</span>
                    </div>
                </div>

            </div>
        </div>
    );
}

export default Statement;